<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui" template="/layout/template.xhtml">
	<ui:define name="body">
		<h1 class="title ui-widget-header ui-corner-all">#{message['cobranza.seguimiento']}</h1>
		<h:form id="parametrosList" prependId="false">
			<p:messages showDetail="true" />
			
			<p:fieldset legend="#{message['cobranza.lista']}">
				<p:dataTable id="listaPersonas" var="p"
					value="#{mantenimientoCobranzaOperaSearchAction.cobranzaOperaList}"
					widgetVar="cobranzatable" emptyMessage="No se encontro registros"
					filteredValue="#{mantenimientoCobranzaOperaSearchAction.filtrarCobranza}"
					paginator="true" rows="10"  rowsPerPageTemplate="5,10,15"  
					paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}">
					<f:facet name="header">
						<p:outputPanel>
							<h:outputText value="#{message['buscar']}" />
							<p:inputText id="globalFilter" onkeyup="cobranzatable.filter()"
								style="width:150px; align:Left; " />
						</p:outputPanel>
					</f:facet>
					<p:column filterBy="#{p.tbCobranza.tbContrato.codcontrato}">
						<f:facet name="header">
							<h:outputText value="#{message['cobranza.lista.contrato']}" />
						</f:facet>
						<h:outputText value="#{p.tbCobranza.tbContrato.codcontrato}" />
					</p:column>
					<p:column filterBy="#{p.tbCobranza.tbCliente.nombresCompletos}">
						<f:facet name="header">
							<h:outputText value="#{message['cobranza.lista.cliente']}" />
						</f:facet>
						<h:outputText value="#{p.tbCobranza.tbCliente.nombresCompletos}" />
					</p:column>
					<p:column filterBy="#{p.tbCobranza.cantcuotas}">
						<f:facet name="header">
							<h:outputText value="#{message['cobranza.num.cuota']}" />
						</f:facet>
						<h:outputText value="#{p.tbCobranza.cantcuotas}" />
					</p:column>
					<p:column filterBy="#{p.tbCobranza.tbCliente.numdocumento}">
						<f:facet name="header">
							<h:outputText value="#{message['cobranza.lista.numDoc']}" />
						</f:facet>
						<h:outputText value="#{p.tbCobranza.tbCliente.numdocumento}" />
					</p:column>
					<p:column>
						<f:facet name="header">
							<h:outputText value="#{message['cobranza.lista.tipo']}" />
						</f:facet>
					</p:column>
					<p:column headerText="#{message['cobranza.seleccionar']}">
						<p:commandButton value="#{message['cobranza.mostrar']}" ajax="false"
							action="#{mantenimientoCobranzaOperaSearchAction.mostrar}">
							<f:setPropertyActionListener value="#{p}"
								target="#{mantenimientoCobranzaOperaSearchAction.objCobranzaOpera}" />
						</p:commandButton>
					</p:column>
				</p:dataTable>
			</p:fieldset>
		</h:form>
		<h:form id="parametrosList2" prependId="false">
			<h:panelGrid columns="3" cellpadding="5" >
				<p:fieldset legend="#{message['cobranza.datos.cliente']}" style="margin-top:20px">
					<h:panelGrid columns="2" cellpadding="5" >
						<h:outputText value="#{message['cobranza.nombre.completo']}" />
						<h:outputText value="#{mantenimientoCobranzaOperaSearchAction.objcliente.nombrecliente}"  style="font-weight:bold"/>
						<h:outputText value="#{message['cobranza.apepat']}" />
						<h:outputText value="#{mantenimientoCobranzaOperaSearchAction.objcliente.apepatcliente}"  style="font-weight:bold"/>
						<h:outputText value="#{message['cobranza.apemat']}" />
						<h:outputText value="#{mantenimientoCobranzaOperaSearchAction.objcliente.apematcliente}"  style="font-weight:bold"/>
						<h:outputText value="#{message['cobranza.correo']}" />
						<h:outputText value="#{mantenimientoCobranzaOperaSearchAction.objcliente.correo}" />
						<h:outputText value="#{message['cobranza.direccion']}" />
						<h:outputText value="#{mantenimientoCobranzaOperaSearchAction.objcliente.directrabajo}" />
						<h:outputText value="#{message['cobranza.distrito']}" />
						<h:outputText value="#{mantenimientoCobranzaOperaSearchAction.objcliente.telftrabajo}" />
						<h:outputText value="#{message['cobranza.empresa']}" />
						<h:outputText value="#{mantenimientoCobranzaOperaSearchAction.objcliente.empresatrabajo}" />
						<h:outputText value="#{message['cobranza.cargo']}" />
						<h:outputText value="#{mantenimientoCobranzaOperaSearchAction.objcliente.cargotrabajo}" />
						<h:outputText value="#{message['cobranza.telefonos']}" />
						<p:spacer/>
						</h:panelGrid>
						<p:dataTable
							value="#{mantenimientoCobranzaOperaSearchAction.listatelefono}" var="t"
							rowStyleClass="#{t.operadorTelefonico eq 'Claro' ? 'colorRojo': (t.operadorTelefonico eq 'Movistar' ? 'colorCeleste': 'color3') }"
							id="DetalleTelefono"  widgetVar="telefonotable" 
							emptyMessage="#{message['rsltd.empty']}">
							<f:facet name="header"/>
							<p:column>
								<f:facet name="header">
									<h:outputText value="#{message['cobranza.telefono']}" />
								</f:facet>
								<h:outputText value="#{t.telefono}" />
							</p:column>
							<p:column>
								<f:facet name="header">
									<h:outputText value="#{message['cobranza.tipo']}" />
								</f:facet>
								<h:outputText value="#{t.tipoTelef}" />
							</p:column>
							<p:column>
								<f:facet name="header">
									<h:outputText value="#{message['cobranza.operadora']}" />
								</f:facet>
								<h:outputText value="#{t.operadorTelefonico}" />
							</p:column>
							<p:column>
								<f:facet name="header">
									<h:outputText value="#{message['cobranza.desc']}" />
								</f:facet>
								<h:outputText value="#{t.descTelefono}" />
							</p:column>
						</p:dataTable>
				</p:fieldset>

				<p:fieldset legend="#{message['cobranza.pagos']}" style="margin-top:20px">
					<h:panelGrid columns="2"  cellpadding="4" >
						<h:outputText value="#{message['cobranza.empresa']}" />
						<h:outputText value="#{mantenimientoCobranzaOperaSearchAction.objContrato.tbEmpresa.descripcion}" style="font-weight:bold"  />
						<h:outputText value="#{message['cobranza.num.cuenta']}" />
						<h:outputText value="#{mantenimientoCobranzaOperaSearchAction.objContrato.tbEmpresa.numcuenta}"  style="font-weight:bold; font-size: x-large "/>
						<h:outputText value="#{message['cobranza.empresa.telefonos']}" />
						<h:outputText value="#{mantenimientoCobranzaOperaSearchAction.objContrato.tbEmpresa.numtelefono}" style="font-weight:bold" />
					</h:panelGrid>
					<p:dataTable
						value="#{mantenimientoCobranzaOperaSearchAction.detallePagos}" var="p"
						rowStyleClass="#{mantenimientoCobranzaOperaSearchAction.fechoy le  p.fecvencimiento  ? null: (empty p.fecpago? 'colorRojo' : 'colorVerde')}"
						id="DetallePagos"  widgetVar="pagostable"
						emptyMessage="#{message['rsltd.empty']}">
						<f:facet name="header"/>
						<p:column>
							<f:facet name="header">
								<h:outputText value="#{message['cobranza.cuotas']}" />
							</f:facet>
							<h:outputText value="#{p.numletra}" />
						</p:column>
						<p:column>
							<f:facet name="header">
								<h:outputText value="#{message['cobranza.monto']}" />
							</f:facet>
							<h:outputText value="#{p.impinicial}" />
						</p:column>
						<p:column>
							<f:facet name="header">
								<h:outputText value="#{message['cobranza.fec.vencimiento']}" />
							</f:facet>
							<h:outputText value="#{p.fechaVencimientoString}" />
						</p:column>
						<p:column>
							<f:facet name="header">
								<h:outputText value="#{message['cobranza.fec.pago']}" />
							</f:facet>
							<h:outputText value="#{p.fecpago}" />
						</p:column>
					</p:dataTable>
				</p:fieldset>
				<p:fieldset legend="#{message['cobranza.productos']}" style="margin-top:20px">
					<p:dataTable
						value="#{mantenimientoCobranzaOperaSearchAction.productoContratoList}" var="r"
						widgetVar="pagostable" rowStyleClass="#{r.tbEstadoGeneral.idestadogeneral ==70 ? 'colorRojo':  'null' }" 
						emptyMessage="#{message['rsltd.empty']}">
						<f:facet name="header"/>
						<p:column>
							<f:facet name="header">
								<h:outputText value="#{message['cobranza.descripcion']}" />
							</f:facet>
							<h:outputText value="#{r.tbProducto.descripcionproducto}" />
						</p:column>
						<p:column>
							<f:facet name="header">
								<h:outputText value="#{message['cobranza.cantidad']}" />
							</f:facet>
							<h:outputText value="#{r.cantidad}" />
						</p:column>
						<p:column>
							<f:facet name="header">
								<h:outputText value="#{message['cobranza.estado']}" />
							</f:facet>
							<h:outputText value="#{r.tbEstadoGeneral.descripcion}" />
						</p:column>
					</p:dataTable>
				</p:fieldset>
			</h:panelGrid>
			<p:fieldset legend="#{message['cobranza.registro']}" style="margin-top:20px; width:70%"   >
				<h:panelGrid columns="2">
					<p:outputLabel value="#{message['operadora.tipollamada']}" for="tipo" />
					<p:selectOneMenu id="tipo" filter="true" required="true"
						value="#{mantenimientoCobranzaOperaSearchAction.tipollamada}"
						requiredMessage="#{message['operadora.tipollamada.validation']}"
						styleClass="required" title="El tipo es obligatorio!">
						<f:selectItem itemValue="#{null}" itemLabel="Seleccione una opción" />
						<f:selectItems value="#{comboAction.tipollamada}" />
					</p:selectOneMenu>
					
					<p:outputLabel value="#{message['operadora.observacion']}" for="observacion" />
					<p:inputTextarea id="observacion"
						value="#{mantenimientoCobranzaOperaSearchAction.objCobranzaOpera.observaciones}"
						requiredMessage="#{message['operadora.observacion.validation']}"
						rows="3" cols="60" maxlength="500" required="true" label="Correo"
						autoResize="false" />
					<h:outputText value="#{message['cobranza.sistema']}" />
					<p:selectBooleanCheckbox value="#{mantenimientoCobranzaOperaSearchAction.enviarMensaje}"/>
					<p:commandButton id="btn" value="#{message['cobranza.guardar']}" update="panel"
						action="#{mantenimientoCobranzaOperaSearchAction.insertar}"
						ajax="false" icon="ui-icon-comment" />
				</h:panelGrid>
			</p:fieldset>
		</h:form>
	</ui:define>
</ui:composition>